
<template>
  <div>home</div>
  <p>{{ $pinia.state }}</p>
  <!-- <div class="pic" /> -->
  <img
    src="@/assets/logo.png"
    alt=""
  >
  <el-button>测试</el-button>
  <el-date-picker
    v-model="value1"
    type="date"
    placeholder="Pick a day"
  />
  <!-- <span class="iconify" data-icon="carbon:4k"></span> -->
  <i-carbon-4k />

  <!-- <Icon icon="ep:add-location" /> -->
</template>
<!-- <script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'HomeIndex'
})
</script> -->
<script lang="ts" setup>
import { computed, ref } from 'vue'
import { useMainStore } from '@/stores/main'
import { storeToRefs } from 'pinia'

const value1 = ref('')
const main = useMainStore()

// extract specific store properties
// const { counter, doubleCount } = storeToRefs(main)
// const cmp = computed(() => {
//   // return counter.value + 1;
// })
</script>
<script lang="ts">
export default {
  name: 'HomeIndex'
}
</script>

<style lang="scss">
.pic {
  width: 100px;
  height: 100px;
  background: url('@/assets/logo.png');
}
div {
  // color: $color
}
</style>
